Ext.define('EUF.view.StudentDetailsView', {
    extend: 'Ext.panel.Panel',
	id:'studentDetailsView',
	alias :'widget.studentDetailsView',
	
    frame: true,
    height: '100%',
    autoScroll: true,
    padding: '10 10 10 10 ',
    width: '100%',
    layout: {
        type: 'anchor'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
				{
				    xtype: 'fieldcontainer',
				    height: 69,
				    width: 659,
				    layout: {
				        type: 'column'
				    },
				    items: [
				        {
				            xtype: 'fieldcontainer',
				            //height: 120,
				            width: 400,
				            columnWidth: 0.5,
				            items: [
				                {
				                    xtype: 'textfield',
				                    fieldLabel: 'Batch',
		                            name:'batch',
		                            id:'stBatch',
				                }, 
				                {
                                    xtype: 'combobox',
                                    
                                    name:'className',
                                    displayField : 'classDesc',
                                    valueField : 'className',
									store: 'ClassStore',
//                                    margin: '10 0 0 25',
                                    fieldLabel: 'Class Name',
                                    overCls: 'shadow',
                                    queryMode : 'local'
                                }
				            ]
				        },
				        {
				            xtype: 'fieldcontainer',
				            //height: 71,
				            width: 400,
				            columnWidth: 0.5,
				            items: [
				                {
				                    xtype: 'textfield',
				                    fieldLabel: 'Adm No',
		                            name:'admNo',
				                },
				                {
				                    xtype: 'textfield',
				                    fieldLabel: 'Roll No',
		                            name:'rollNo',
				                }
				            ]
				        }
				    ]
				},
				{
				    xtype: 'textfield',
				    width: 581,
				    fieldLabel: 'Student\'s Name',
				    name:'studentName',
				    id:'studentName'
				},
				{
				    xtype: 'textfield',
				    width: 582,
				    fieldLabel: 'Father\'s Name',
				    name:'fathersName'
				},
				{
				    xtype: 'radiogroup',
				    margin: '10 0 10 100',
				    width: 210,
				    items: [
				        {
				            xtype: 'radiofield',
				            name: 'cat',
                            boxLabel: 'Gen'
				        },
				        {
				            xtype: 'radiofield',
				            name: 'cat',
                            boxLabel: 'SC /BC'
				        }
				    ]
				},
				{
				    xtype: 'fieldcontainer',
				    height: 24,
				    width: 680,
				    layout: {
				        align: 'stretch',
				        type: 'hbox'
				    },
				     items: [
						{
							xtype: 'button',
							text: 'Show',
	                        id:'show',
	                        width: 120,
							margins: '0 0 0 100'
						},
						{
							xtype: 'button',
							text: 'Cancel',
							width: 120,
							margins: '0 0 0 45'
						}
					]
				},
				{
					//xtype: 'gridpanel',
					xtype: 'FantaSearchGrid',
					//hideAddRemove: true,
					title : 'Student Data',
					stripeRows : true,
					//selType : 'cellmodel',
					plugins : [cellEditor],
					anchor: '100% 45%',
					autoScroll:true,
					frame : true,
					store : 'StudentStore',
					columns : stColumnsList
				}
            ]
        });

        me.callParent(arguments);
    }
});



     var cncn = Ext.create('Ext.data.Store', {
          fields: ['id', 'name'],
          data : [
              {"id":"PORTAL", "name":"Portal"},
              {"id":"IDM2", "name":"IDM"},
              {"id":"SAPERP", "name":"SAP ERP"}
          ]
      });
     
     var up = Ext.create('Ext.data.Store', {
         fields: ['id', 'name'],
         data : [
             {"id":"First", "name":"Path 1"},
             {"id":"Second", "name":"Path 2"},
             {"id":"Third", "name":"Path 3"}
         ]
     }); 
 //console.log(systems);

     var stColumnsList = new Array();

	  
     stColumnsList[0] = {
     	header : 'Name',
     	dataIndex : 'studentName',
     	                
     	 flex: 1
     };
      
     stColumnsList[1] = {
     	header : 'Batch',
     	dataIndex : 'batch',
     	
                    
     	 flex: 1
     }; 
      
     stColumnsList[2] = {
     	header : 'Admission No',
     	dataIndex : 'admNo',
     	
                    
     	 flex: 1
     }; 
     	
     	

     stColumnsList[3] = {
     	header : 'Class',
     	dataIndex : 'className',
     	field : 'textfield',
     	flex: 1 
     	};
     			


     stColumnsList[4] = {
     	header : 'Roll Number',
     	dataIndex : 'rollNo',
     	field : 'textfield',
     	flex: 1 
     	};
     		